@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,button,a,i{padding:0;margin:0;font-size:12px;box-sizing:border-box; }
ul,li,dl,dt,ol,u,dd { list-style:none; padding:0px; margin:0px; }
address,caption,cite,code,dfn,em,strong,th,var,i,s,a{ font-style:normal; text-decoration:none; }   
label input{vertical-align:middle, outline: none;}
a{text-decoration:none; color:#707070;}
a:hover,a:focus{color:#CE1336;text-decoration:none!important;}
a.hidefocus{outline:none}
body{ font:12px/1.5 "微软雅黑", Arial, Helvetica, sans-serif; color:black; padding-bottom:env(safe-area-inset-bottom); }
img{border:0;vertical-align: middle; position:relative; }
img:hover { opacity:0.8; }
.clear{clear:both;line-height:0;font-size:0;height:0}
.clearfix:after{display:block;visibility:hidden;clear:both;height:0;content:"."}
.w1200 { width:1200px; height:auto; display:table; margin:0 auto; position:relative; }
.w225 { width:225px; }
.pull-left { float:left; }
.pull-right { float:right; }

.commonality { width:1200px; margin:0 auto; }

.head-box { width:100%; background:#e3e4e5; }
.head-box .head-list { height:31px; line-height:31px; }
.head-box .head-list .head-left { float:left; padding:0 2px; }
.head-box .head-list .head-left i { font-size:12px; }
.head-box .head-list .head-right { float:right; }
.head-box .head-list .head-right .head-list-box .myjdhover { margin:-1px; }
.head-box .head-list .head-right .head-list-box .myjdhover a { display:block; z-index:9999; position:relative; }
.head-box .head-list .head-right .head-list-box .myjdhover:hover .myjd { display:block; }
.head-box .head-list .head-right .head-list-box .head-list-fg:hover .seticon-dh { transform:rotateZ(-180deg); }
.head-box .head-list .head-right .head-list-box .head-list-fg { float:left; display:block; box-sizing:border-box; position:relative; }
.head-box .head-list .head-right .head-list-box .head-list-fg a { padding:0px 10px; }
.head-box .head-list .head-right .head-list-box .head-list-fg a i { font-size:12px; padding:0px 5px; }
.head-box .head-list .head-right .head-list-box .head-list-fg a .seticon-dh { display:inline-block; transition:all .6s; transform-style:preserve-3d; }
.head-box .head-list .head-right .head-list-box .head-list-fg .myjd { width:100%; display:none; position:absolute; background:#FFFFFF; border-top:0px; border:1px solid #C0C0C0; z-index:9; top:0px; left:0px; padding-top:30px; }
.head-box .head-list .head-right .head-list-box .head-list-fg .myjd h3 { margin-left:10px; line-height:30px; font-size:12px; font-weight:600; }
.head-box .head-list .head-right .head-list-box .head-list-fg .myjd ul { width:100%; float:left; overflow:hidden; }
.head-box .head-list .head-right .head-list-box .head-list-fg .myjd ul li { width:100%; line-height:27px; color:#999; }
.head-box .head-list .head-right .head-list-box .head-list-fg .myjd ul li:hover { background:#e3e4e5; }
.head-box .head-list .head-right .head-list-box .head-list-fg .myjd ul li:hover a { color:#575757; }
.head-box .head-list .head-right .head-list-box .head-list-fg::after { content:""; width:1px; top:9px; right:0; position:absolute; background:#C0C0C0; height:12px; }
.head-box .head-list .head-right .head-list-box .head-list-fg:last-child:after { width:0; content:""; }
.head-box .head-list .head-right .head-list-box .head-list-fg:hover > a { color:#ce1336; }

.seek-head { width:1200px; height:104px; margin:0 auto; position:relative; }
.seek-head .seek-left { width:213px; height:100%; margin-left:0px; position:absolute; left:0; }
.seek-head .seek-left .head-log { display:block; height:54px; width:213px; overflow:hidden; margin-top:24px; font-size:0; }
.seek-head .seek-left .head-log a { width:100%; height:100%; display:block; text-indent:-999px; }
.seek-head .seek-box { overflow: hidden; width:450px; height:100%; position:absolute; left:335px; overflow:hidden; }
.seek-head .seek-box .from { width:450px; height:36px; float:left; margin-top:26px; }
.seek-head .seek-box .from #seek-inpt { float:left; border:2px solid rgb(0, 117, 197); width:360px; height:36px; float:left; padding:0 10px; color:#000; outline:none; }
.seek-head .seek-box .from #seek-btn { float:left; height:100%; width:90px; height:36px; background:rgb(0, 117, 197); text-align:center; color:#FFF; border:0px; font-size:16px; }
.seek-head .seek-box .lisjr-box { width:100%; display:block; padding:5px 0px; margin-top:5px; overflow:hidden; }
.seek-head .seek-box .lisjr-box ul li { float:left; margin-right:10px; }

.seek-head .seek-btnbox { margin-top:26px; float:right; font-size:14px; }
.seek-head .seek-btnbox .combtn { height:36px; text-align:center; float:left; border:1px solid #DFDFDF; line-height:36px; background:#F9F9F9; cursor:pointer; }
.seek-head .seek-btnbox .combtn .shopcat { padding:0 0px; color:rgb(0, 117, 197); }
.seek-head .seek-btnbox .combtn .shopcat:hover { color:#000; }
.seek-head .seek-btnbox .combtn i { font-size:14px; margin-right:5px; }
.seek-head .seek-btnbox .combtn b.vdb { width:18px; height:18px; line-height:18px; text-align:center; margin-left:4px; font-weight:500; font-size:12px; border-radius:30px; display:inline-block; background:#f30213; color:#fff; }
.seek-head .seek-btnbox .shaoma { margin-left:30px; padding:0 18px; position:relative; z-index:2; }
.seek-head .seek-btnbox .shaoma i { font-size:18px; display:block; line-height:36px; float:left; }
.seek-head .seek-btnbox .shaoma i span { float:left; }
.seek-head .seek-btnbox .shaoma .wxorzfb { display:none; width:200px; height:auto; background:#FFFFFF; position:absolute; z-index:1; border:1px solid #C0C0C0; top:34px; right:-1px; }
.seek-head .seek-btnbox .shaoma .wxorzfb .wxorzfb-img { padding:2px 0 0 0; width:100%; height:100%; float:left; text-align:center; }
.seek-head .seek-btnbox .shaoma .wxorzfb .wxorzfb-img img { border:3px solid #fff; display:block; width:100%; margin:0 auto; }
.seek-head .seek-btnbox .shaoma:hover { background:#FFFFFF; border-bottom:none; border:1px solid #C0C0C0; }
.seek-head .seek-btnbox .shaoma:hover .wxorzfb { display:block; }
.seek-head .seek-btnbox .shaoma:hover:after { width:100%; height:3px; left:0px; top:33px; z-index:9999; position:absolute; background:#FFF; content:""; }

.chaoshi_fs { width:100%; background:#f6f6f6; }
.bg-wriper { background: rgb(0, 117, 197); }
.bg-wriper .chaoshi-box { height:40px; margin:0 auto; }
.bg-wriper .chaoshi-box .chaoshi-title { height:40px; width:190px; padding-left:10px; line-height:39px; color:#FFF; font-size:15px; background:rgb(0, 105, 177); float:left; }
.bg-wriper .chaoshi-box .chaoshi-title:hover {background: rgb(0, 71, 119)}
.bg-wriper .chaoshi-nav { overflow:hidden; }
.bg-wriper .chaoshi-nav .navlist { float:left; font-size:16px; }
.bg-wriper .chaoshi-nav .navlist li { float:left; line-height:40px; text-align:center; padding:0 30px; }
.bg-wriper .chaoshi-nav .navlist li:hover { background: rgb(0, 93, 156) }
.bg-wriper .chaoshi-nav .navlist li a { display:block; font-size:16px; width:100%; height:100%;color:#fff; }
.bg-wriper .chaoshi-nav .navlist li:hover a { color:#fff; }

.layui-layer-btn .layui-layer-btn0 { color:#fff !important; }

.footer-bg { background:#eaeaea; }
.footer-bg .footer-glx { border-bottom:1px solid #dcdcdc; }
.footer-bg .footer-glx .footer-top { padding:30px 0px; overflow:hidden; }
.footer-bg .footer-glx .footer-top ul { overflow:hidden; }
.footer-bg .footer-glx .footer-top ul li { float:left; font-size:18px; color:#444; font-weight:700; line-height:42px; }
.footer-bg .footer-glx .footer-top ul li i { width:36px; height:42px; display:block; float:left; margin-right:5px; overflow:hidden; background:url("../images/ico_service.png") no-repeat; }
.footer-bg .footer-glx .footer-top ul li:nth-child(2), .footer-bg .footer-glx .footer-top ul li:nth-child(3), .footer-bg .footer-glx .footer-top ul li:nth-child(4) { margin-left:128px; }
.footer-bg .footer-glx .footer-top ul li:nth-child(2) i { background-position:0px -43px; }
.footer-bg .footer-glx .footer-top ul li:nth-child(3) i { background-position:0px -86px; }
.footer-bg .footer-glx .footer-top ul li:nth-child(4) i { background-position:0px -129px; }
.footer-bg .footer-glx .footer-bottom { padding:20px 0; overflow:hidden; }
.footer-bg .footer-glx .footer-bottom .footer-right { width:60%; overflow:hidden; float:left; }
.footer-bg .footer-glx .footer-bottom .footer-right dl { float:left; width:20%; }
.footer-bg .footer-glx .footer-bottom .footer-right dl dd { color:#444; font-size:14px; line-height:22px; padding-bottom:6px; font-weight:700; }
.footer-bg .footer-glx .footer-bottom .footer-right dl dt { color:#666; font-size:12px; font-weight:500; line-height:24px; }
.footer-bg .footer-glx .footer-bottom .footer-right dl dt:hover a { color:#CE1336; text-decoration:none; }
.footer-bg .footer-glx .footer-bottom .footer-rbox { float:left; width:20%; height:100%; }
.footer-bg .footer-glx .footer-bottom .footer-rbox .phone { font-size:20px; font-weight:800; }
.footer-bg .footer-glx .footer-bottom .footer-rbox .day { font-size:12px; color:#999; }
.footer-bg .footer-glx .footer-bottom .footer-rbox .btn { margin-top:25px; }
.footer-bg .footer-glx .footer-bottom .img-code { width:20%; height:100px; float:right; }
.footer-bg .footer-glx .footer-bottom .img-code .img-code-box { width:50%; text-align:center; float:left; padding-left:15px; }
.footer-bg .footer-glx .footer-bottom .img-code .img-code-box p { line-height:30px; font-size:14px; font-weight:500; }
.footer-bg .footer-glx .footer-bottom .img-code .img-code-box img { width:100%; height:auto; display:inline-block; margin:a auto; }
.footer-bg .footer-alist { text-align:center; padding:15px 0; font-size:12px; }
.footer-bg .footer-alist a { padding:0 15px; position:relative; }
.footer-bg .footer-alist a::before { width:1px; position:absolute; top:2px; right:0px; bottom:2px; content:''; background:#ccc; }
.footer-bg .footer-alist a:nth-last-child(1)::before { width:0px; }
.footer-bg .footer-alist a:hover { color:#CE1336; text-decoration:none !important; }

.footer-bg .footer-fwa { padding-bottom:30px; color:#999; text-align:center; }
.footer-bg .footer-fwa .text-center a { font-size:12px; color:#999; }
.footer-bg .footer-fwa .text-center a:hover { color:#000; }
.footer-bg .footer-fwa p { padding-bottom:5px; }
.main { background:#f6f6f6; padding-bottom:20px; }
.btn-default { border:1px solid #eee; }

/* 通用TAB */
.tabs_right_box_min { width:100%; height:42px; display:table; margin:0 auto; margin-bottom:12px; border-bottom:1px solid #e1e2e2; position:relative; }
.tabs_right_box_min ul { width:100%; height:42px; position:absolute; left:0px; top:0px; }
.tabs_right_box_min ul li { float:left; height:42px; line-height:40px; margin-right:30px; }
.tabs_right_box_min ul li a { font-size:16px; display:block; }
.tabs_right_box_min ul li span { margin-left:5px; }
.tabs_right_box_min ul li.active { height:42px; border-bottom:2px solid #CE1336; margin-bottom:-1px; display:block; }
.tabs_right_box_min ul li.active a { color:#CE1336; }
.tabs_right_box_min ul li.active a:hover { text-decoration:none; }
.tabs_right_box_min ul li.active span { background:#CE1336; color:#fff; }

/* 分类下拉通用样式 */
.allsort { position:relative; }
.allsort .sortlist { width:190px; height:438px; background:rgba(117, 117, 117, 0.7); position:absolute; left:0px; z-index:99; }
.allsort .sortlist li { width:100%; height:40px; }
.allsort .sortlist li h2 a { width:100%; padding:0 15px; font-size:15px; color:#fff; line-height:40px; display:block; position:relative; }
.allsort .sortlist li h2 a:after { width:30px; text-align:center; height:100%; right:0px; top:0px; bottom:0px; position:absolute; font-size:12px; font-family:"coolc"; content:"\e7e8"; }
.allsort .sortlist li.hover h2 a { background:rgba(64, 64, 64, 0.96); }
.allsort .sortlist li.hover h2 a:before { width:2px; height:100%; position:absolute; left:0px; top:0px; bottom:0px; background:rgb(0, 93, 156); content:""; }
.allsort .sortlist li.hover h2 a:after { color:#fff; }
.allsort .sublist { width:810px; height:438px; background:#fff; position:absolute; padding:0px 15px; left:190px; top:0px; z-index:99; border:1px solid #eee; border-left:0px; overflow:auto; }
.allsort .sublist .categorybox { width:100%; height:auto !important; display:table !important; border-bottom:1px solid #eee; padding:9px 0; }
.allsort .sublist .categorybox a { height:30px; line-height:30px; font-size:12px; margin-right:1px; margin-bottom:1px; }
.allsort .sublist .categorybox dt { height:30px; line-height:30px; width:100px; float:left; }
.allsort .sublist .categorybox dt a { height:30px; line-height:30px; color:#333; }
.allsort .sublist .categorybox dd { width:675px; float:left; }
.allsort .sublist .categorybox dd a { color:#999; padding:0 10px; font-weight:500; float:left; transition:.3s ease-in-out; border-radius:3px; }
.allsort .sublist .categorybox dd a:hover { background:#CE1336; color:#fff; transition:.3s ease-in-out; }


/* 重置分页样式，居中对齐 */
.pagination_box { width:100%; text-align:center; display:block; clear:both; padding:20px 0 30px 0; border-top:1px solid #efeded; }
.pagination_box .pagination { display:block; padding-left:0; margin:10px 0; border-radius:4px; text-align:center; }
.pagination_box .pagination > li { display:inline-block!important; width:auto !important; height:auto !important; border:none !important; margin:0 !important; padding:0 !important; }
.pagination_box .pagination > li > a { position:relative !important; float:none!important; padding:6px 12px !important; line-height:1.42857143 !important; text-decoration:none !important; color:#999; background-color:#fff; border:1px solid #ddd; margin-left:-1px !important; width:auto!important; height:auto!important; }
.pagination_box .pagination > li:first-child > a { margin-left:0 !important; border-bottom-left-radius:4px !important; border-top-left-radius:4px !important; }
.pagination_box .pagination > li:last-child > a { border-bottom-right-radius:4px !important; border-top-right-radius:4px !important; }
.pagination_box .pagination > li > a:hover,
.pagination_box .pagination > li > a:focus { z-index:2 !important; color:#999; background-color:#eeeeee; border-color:#ddd !important; }
.pagination_box .pagination > .active > a,
.pagination_box .pagination > .active > a:hover,
.pagination_box .pagination > .active > a:focus { z-index:3 !important; color:#fff; background-color:#CE1336; border-color:#CE1336; cursor:default !important; }

/* 重置分页样式，左对齐 */
.pagination_box_one { width:100%; text-align:left; display:block; clear:both; padding:26px 0; }
.pagination_box_one .pagination { display:block; padding-left:0; margin:10px 0; border-radius:4px; text-align:left; }
.pagination_box_one .pagination > li { display:inline-block!important; width:auto !important; height:auto !important; border:none !important; margin:0 !important; padding:0 !important; }
.pagination_box_one .pagination > li > a { position:relative !important; float:none!important; padding:6px 12px !important; line-height:1.42857143 !important; text-decoration:none !important; color:#999; background-color:#fff; border:1px solid #ddd; margin-left:-1px !important; width:auto!important; height:auto!important; }
.pagination_box_one .pagination > li:first-child > a { margin-left:0 !important; border-bottom-left-radius:4px !important; border-top-left-radius:4px !important; }
.pagination_box_one .pagination > li:last-child > a { border-bottom-right-radius:4px !important; border-top-right-radius:4px !important; }
.pagination_box_one .pagination > li > a:hover,
.pagination_box_one .pagination > li > a:focus { z-index:2 !important; color:#999; background-color:#eeeeee; border-color:#ddd !important; }
.pagination_box_one .pagination > .active > a,
.pagination_box_one .pagination > .active > a:hover,
.pagination_box_one .pagination > .active > a:focus { z-index:3 !important; color:#fff; background-color:#CE1336; border-color:#CE1336; cursor:default !important; }

/* 重置分页样式，右对齐 */
.pagination_box_right { width:100%; text-align:right; display:block; clear:both; padding:10px 0; }
.pagination_box_right .pagination { display:block; padding-left:0; margin:10px 0; border-radius:4px; text-align:right; }
.pagination_box_right .pagination > li { display:inline-block!important; width:auto !important; height:auto !important; border:none !important; margin:0 !important; padding:0 !important; }
.pagination_box_right .pagination > li > a { position:relative !important; float:none!important; padding:6px 12px !important; line-height:1.42857143 !important; text-decoration:none !important; color:#999; background-color:#fff; border:1px solid #ddd; margin-left:-1px !important; width:auto!important; height:auto!important; }
.pagination_box_right .pagination > li:first-child > a { margin-left:0 !important; border-bottom-left-radius:4px !important; border-top-left-radius:4px !important; }
.pagination_box_right .pagination > li:last-child > a { border-bottom-right-radius:4px !important; border-top-right-radius:4px !important; }
.pagination_box_right .pagination > li > a:hover,
.pagination_box_right .pagination > li > a:focus { z-index:2 !important; color:#999; background-color:#eeeeee; border-color:#ddd !important; }
.pagination_box_right .pagination > .active > a,
.pagination_box_right .pagination > .active > a:hover,
.pagination_box_right .pagination > .active > a:focus { z-index:3 !important; color:#fff; background-color:#CE1336; border-color:#CE1336; cursor:default !important; }

/* 包屑导航 */
.breadcrumb { width:1200px; margin:0 auto; padding-left:0px; color:#9e9d9d; }
.breadcrumb .breadcrumb-item+.breadcrumb-item:before { color:#9e9d9d; }
.breadcrumb .coolc { font-size:12px; color:#9e9d9d; }
.breadcrumb .coolc:before { margin-right:5px; }

.full_screen_box { width:100%; height:auto; display:table; min-height:350px; }
.full_screen_box .breadcrumb { color:#fff; }
.full_screen_box .breadcrumb .breadcrumb-item+.breadcrumb-item:before { color:#fff; }
.full_screen_box .breadcrumb .coolc:before { color:#fff; }
.full_screen_box .breadcrumb a { color:#fff; }


/* 产品筛选 */
.class_filter_box { width:1200px; height:auto; display:table; background:#fff; margin:0 auto; position:relative; }
.generic { width:100%; height:50px; padding:5px 0; overflow:hidden; border:1px solid #e5e6e6; border-bottom:0px; background:url(../images/doo.gif) repeat-y #fff; }
.generic .name { width:120px; height:40px; line-height:40px; text-align:right; padding-right:15px; float:left; }
.generic .smallList { width:1078px; height:auto; display:table; float:right; padding-left:5px; padding-right:80px; padding-bottom:5px; position:relative; }
.generic .smallList a { height:26px; line-height:26px; display:block; float:left; padding:0 7px; margin:8px 5px 0px 5px; }
.generic .smallList a.active,.generic .smallList a:hover { background:#d7003c; color:#fff; }
.generic .smallList .more { height:40px; line-height:40px; cursor:pointer; position:absolute; top:0px; right:3px; padding:0 15px; }
.generic .smallList .more:hover { color:#d7003c; }
.generic .smallList .more i { height:40px; line-height:42px; overflow:hidden; font-size:12px; margin-right:5px; display:block; float:left; }
.generic .smallList .more span { height:40px; line-height:40px; font-size:12px; display:block; float:left; }
.class_filter_box .dropdown { width:auto; height:28px; text-align:center; cursor:pointer; padding:0 12px 0 10px; background:#fff; border:1px solid #e5e6e6; border-top:0px; position:absolute; left:50%; margin-left:-44.5px; bottom:-27px; z-index:99; }
.class_filter_box .dropdown:hover { color:#d7003c; }
.class_filter_box .dropdown i { height:28px; line-height:26px; overflow:hidden; font-size:12px; margin-right:5px; display:block; float:left; }
.class_filter_box .dropdown span { height:28px; line-height:26px; font-size:12px; display:block; float:left; }
.class_filter_box .generic:nth-child(-n+3) { display:block; }

.goodslistsbox-head { width:100%; height:41px; position:relative; line-height:39px; background:#fff; clear:both; margin-bottom:12px; border:1px solid #e5e6e6; }
.goodslistsbox-head .goodssort { float:left; }
.goodslistsbox-head .goodssort li { float:left; height:100%; border-right:1px solid #e5e6e6; position:relative; }
.goodslistsbox-head .goodssort li.s_name { width:120px; padding-right:15px; text-align:right; background:#f2f3f2; border-right:1px solid #f2f3f2; }
.goodslistsbox-head .goodssort li:hover::before { width:1px; position: absolute; left:-1px; top:0px; bottom:0px; height:100%; content:""; background:#e5e6e6; }
.goodslistsbox-head .goodssort li a { display:inline-block; padding:0 15px; position:relative; }
.goodslistsbox-head .goodssort li a i { font-size:14px; display:inline-block; width:auto; height:38px; margin-left:5px; line-height:38px; }
.goodslistsbox-head .goodssort li a i.icon-jiantoubottom,.goodslistsbox-head .goodssort li a i.icon-jiantoutop { font-size:12px; }
.goodslistsbox-head .goodssort li:nth-child(1):hover { border-left-color:rgba(0, 0, 0, 0); }
.goodslistsbox-head .goodsnum { float:left; }
.goodslistsbox-head .goodsnum span { color:#ce1336; }

/* 没有数据提示 */
.no_data_box { width:100%; height:auto; display:table; text-align:center; padding:100px 0; background:#fff; border:1px solid #eee; margin-bottom:15px; }
.no_data_box span { width:260px; height:140px; margin:0 auto; display:block; background:url(../images/svg_icon/nodata.svg) no-repeat center; background-size:auto 100%; }
.no_data_box em { width:260px; height:140px; margin:0 auto; display:block; background:url(../images/svg_icon/cart_no.svg) no-repeat center; background-size:auto 100%; }
.no_data_box u { width:260px; height:140px; margin:0 auto; text-decoration:none; display:block; background:url(../images/svg_icon/noorder.svg) no-repeat center; background-size:auto 100%; }
.no_data_box h3 { width:100%; height:40px; line-height:25px; padding-top:15px; font-size:16px; display:block; }
.no_data_box p { width:100%; height:40px; line-height:20px; font-size:12px; color:#999; display:block; }
.no_data_box p a { padding-left:5px; }
.no_data_box .btn { margin-top:8px; }

/* 404页面样式 */
.box_404 { width:100%; height:auto; display:table; background:#fff; padding:150px 300px 150px 200px; border:1px solid #eee; margin-bottom:20px; } 
.box_404 .scc_info { width:100%; height:auto; display:table; padding-bottom:10px; padding-left:150px; background:url(../images/svg_icon/success.svg) no-repeat left top; background-size:auto 100%; }
.box_404 .scc_info .error-details { width:100%; height:40px; font-size:20px; font-weight:bold; color:#11c26d; }
.box_404 .scc_info p { width:100%; height:32px; display:block; color:#999; }
.box_404 .nogoods_info { width:100%; height:auto; display:table; padding-bottom:10px; padding-left:150px; background:url(../images/svg_icon/error.svg) no-repeat left top; background-size:auto 100%; }
.box_404 .nogoods_info .error-details { width:100%; height:32px; font-size:20px; font-weight:bold; color:#e4393c; }
.box_404 .nogoods_info p { width:100%; height:50px; display:block; font-size:14px; color:#999; }
.box_404 .error-actions { width:100%; height:32px; display:block; }
.box_404 .error-actions .btn { margin-right:4px; }

/* 评论星级 */
.star_box { padding-bottom:8px; }
.star_box:nth-last-child(1) { padding-bottom:0px; }
.star_box .commstar { margin-top:1px; }
.commstar{position:relative;display:inline-block;width:80px;height:16px;vertical-align:top;margin-right:30px;background:url(../images/commstar.png) 0 0 repeat-x}
.commstar .star{position:absolute;top:0;left:0;width:20%;height:16px;cursor:pointer}
.commstar .star.active,.commstar .star.hover{background:url(../images/commstar.png) 0 -16px repeat-x}
.commstar .star.hover .face{visibility:visible}
.commstar .face{visibility:hidden;position:absolute;top:-18px;right:0;width:16px;height:16px;background:url(../images/face-red.png) no-repeat}
.commstar .star-info{position:absolute;right:-30px;top:0;width:30px;height:16px;line-height:16px;text-align:right;color:#999}
.commstar .star-info.highlight{color:#e4393c}
.commstar .star1{width:20%;z-index:6}
.commstar .star1 .face{background-position:-80px 0}
.commstar .star2{width:40%;z-index:5}
.commstar .star2 .face{background-position:-60px 0}
.commstar .star3{width:60%;z-index:4}
.commstar .star3 .face{background-position:-40px 0}
.commstar .star4{width:80%;z-index:3}
.commstar .star4 .face{background-position:-20px 0}
.commstar .star5{width:100%;z-index:2}
.commstar.z-star-done .star{cursor:default}

/* 评论展示 */
.m-cocomment-detail { width:100%; height:auto; display:table; text-align:left; padding-bottom:20px; padding-top:0px; border-bottom:1px solid #eee; margin-bottom:20px; }
.m-cocomment-detail .user_info_time { width:100%; height:50px; }
.m-cocomment-detail .user_info_time .avatar { width:50px; height:50px; float:left; }
.m-cocomment-detail .user_info_time .info_time { width:50%; float:left; padding-left:15px; }
.m-cocomment-detail .user_info_time .info_time .name { padding-bottom:4px; font-size:14px; }
.m-cocomment-detail .user_info_time .info_time .time { font-size:12px; color:#ccc; }
.m-cocomment-detail .user_info_time .cocomment-star { float:right; } 
.m-cocomment-detail .user_info_time .cocomment-star .star_left { left:-68px; top:-2px; color:#999; position:absolute; }
.m-cocomment-detail .content { padding-left:65px; color:#666; }
.m-cocomment-detail .content .pic { width:100%; height:auto; display:table; padding-top:10px; }
.m-cocomment-detail .content .pic .pic_li { width:60px; height:60px; border:1px solid #eee; overflow:hidden; text-align:center; cursor:pointer; float:left; margin-right:8px; }
.m-cocomment-detail .content .pic .pic_li img { height:60px; }
.m-cocomment-detail .recontents { border:1px solid #ffc3c3; background:#ffe4e4; padding:5px 8px; color:#f5600f; margin-top:8px; }

/* 购物车下拉 */
#div_mycart { width:364px; border:1px solid #d8d8d8; border-top:0px; position:absolute; z-index:999; text-align:left; top:34px; right:-1px; background:#fff; padding:0px 10px 0px 0; }
#div_mycart:before { width:219px; position:absolute; content:""; left:0px; top:0px; height:1px; background:#d8d8d8; }
.cartnew { width:364px; height:auto; display:table; padding:2px 12px 0 12px; }
.cartnew .ddx { width:100%; height:75px; padding:10px 0; border-bottom:1px solid #eee; }
.cartnew .ddx .pic { width:55px; height:55px; float:left; }
.cartnew .ddx .title { width:170px; height:55px; line-height:18px; font-weight:500; font-size:12px; padding-left:10px; float:left; overflow:hidden; }
.cartnew .ddx .prices { width:110px; height:55px; float:right; text-align:right; }
.cartnew .ddx .prices .blockvs { width:100%; height:24px; line-height:20px; display:block; font-size:12px; font-weight:500; padding-bottom:0px; padding-right:0px; }
.cartnew .ddx .prices .btn { background:#fff; padding:0px; padding-top:0px; border:0px; outline:0px; cursor:pointer; position:relative; }
.cartnew .ddx .prices .btn::before { font-family:"coolc"!important; content:"\e614"; position:absolute; top:1px; left:-14px; }
.cartnew .ddx .prices .btn:hover { color:#f00; }
.cartnew .static { width:100%; height:40px; color:#999; }
.cartnew .static b { color:#f00; font-weight:500; }
.cartnew .static .text { float:left; line-height:40px; }
.cartnew .static .btn { float:right; padding:4px 8px; border-radius:2px; border:0px; margin-top:7px; outline:0px; cursor:pointer; }
.cart_empty{ height:79px; margin:auto; padding:10px 0 20px 0; text-align:center; line-height:49px; overflow:hidden; color:#999; }
.cart_empty_img{ display:inline-block;*display: inline;*zoom: 1; vertical-align: middle; width:56px; height:49px; background-image:url(../images/no_cart.png) }

/* 猜您喜欢 */
.guess_you_like { width:100%; height:auto; display:table; background:#fff; border:1px solid #eee; margin-bottom:30px; padding:20px 28px; }
.guess_you_like .like_title { width:100%; height:30px; line-height:30px; }
.guess_you_like .like_title b { height:30px; display:block; float:left; font-size:18px; }
.guess_you_like .like_title a { height:30px; line-height:30px; display:block; float:right; }
.guess_you_like .like_title a i { width:20px; height:30px; line-height:34px; text-align:center; display:block; float:left; }
.guess_you_like .like_title a:hover i { transform:rotate(360deg); transition:all 1s; }
.guess_you_like .like_title a span { display:block; float:left; font-size:14px; padding-left:5px; }
.guess_you_like .guess_you_box { width:100%; height:auto; display:table; padding-top:12px; }
.guess_you_like .guess_you_box ul li { width:162px; height:225px; float:left; margin-right:34px; }
.guess_you_like .guess_you_box ul li img { width:162px; height:162px; border:1px solid #eee; margin-bottom:6px; }
.guess_you_like .guess_you_box ul li a:hover img { opacity:.8; }
.guess_you_like .guess_you_box ul li:nth-last-child(1) { margin-right:0px; }
.guess_you_like .guess_you_box ul li p { width:100%; height:36px; line-height:18px; display:block; overflow:hidden; }
.guess_you_like .guess_you_box ul li .m-clie { width:100%; height:18px; display:block; padding-top:5px; color:#e44245; }
.guess_you_like .guess_you_box ul li .m-clie span { color:#e44245; }
.guess_you_like .guess_you_box ul li .m-clie del { color:#ccc; padding-left:6px; }

.shareimg_tips { width:100%; height:40px; line-height:20px; font-size:14px; text-align:center; color:#999; }

/* 图片AJAX上传 */
.thumbnails_box { width:100%; height:auto; display:table; clear:both; }
.thumbnails_box .fileUpload_box { width:70px; height:70px; border:1px solid #dedede; margin-top:6px; position:relative; overflow:hidden; }
.thumbnails_box .fileUpload_box i { width:70px; height:70px; line-height:70px; color:#999; text-align:center; display:block; }
.thumbnails_box .fileUpload_box input { width:70px; height:70px; display:block; position:absolute; top:0px; left:0px; opacity:0; }
.thumbnails_box .pic { width:70px; height:70px; border:1px solid #f0f0f0; float:left; margin:6px 10px 0 0; position:relative; }
.thumbnails_box .pic img { width:70px; height:70px; border:0px; padding:0px; }
.thumbnails_box .pic a { width:70px; height:70px; position:absolute; top:0px; left:0px; }
.thumbnails_box .pic a::before { width:16px; height:16px; line-height:14px; text-align:center; font-size:12px; color:#fff; content:'×'; display:block; position:absolute; right:-8px; top:-8px; background:#f00; border-radius:16px; }